<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>{$site_title}</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/blendui/2.0.0/boost.min.css" />
  <link rel="stylesheet" type="text/css" href="{$resource_basic}/css/webapp.css" />
  <script type="text/javascript" src="{$resource_basic}/js/jquery.min.js"></script>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/blendui/2.0.0/boost.min.js"></script>
  <script type="text/javascript">
//    window.boost = $.noConflict(true);
$(function(){
   var a = screen.width;
   var b = screen.height;
   $("#screen_width").text(a+"*"+b);
});
  </script>
  <style>
      body{
          font-size: 3rem;
      }
  </style>
    </head>
    <body>
                <div>屏幕宽度是： <span id="screen_width">
            
            </span></div>
    </body>
    
</html>
